<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
     
    <h:head>
        <title>Crear Notificación</title>
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />
    </h:head>
     
    <h:body>
        <h:form id="formGuardarNotificacion">
            
            <h:panelGrid id="pnlCrearNotificacion">
                
                <p:growl id="growl" showDetail="true" sticky="false" life="4000" />
                
                <p:row>
                    <p:column>
                        <p:outputLabel value="#{guardarNotificacionView.strDescTipoNotificacion}" class="TituloNotificacion" />
                    </p:column>
                </p:row>
                <p:row/>
                <p:row>
                    <p:column>
                        <p:outputLabel value="Ingrese el texto que será parte del contenido para esta notificación" />
                    </p:column>
                </p:row>
                
                <c:if test="#{guardarNotificacionView.strTipoNotificacion!='53' and guardarNotificacionView.strTipoNotificacion!='54'}">
                    <p:row/>   
                    <p:row>
                        <p:column>
                            <p:inputText id="idAsunto" label="Asunto del correo" maxlength="100" size="45" value="#{guardarNotificacionView.strAsunto}" placeholder="Asunto del correo" >
                                <f:validator validatorId="validaTextoIngresado" />
                            </p:inputText>
                            <p:message  display="tooltip" for="idAsunto"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:panelGrid cellpadding="0" cellspacing="0" >
                                <p:outputLabel value="Ubica los siguientes tags para reemplazar el valor de cada item en los envios:"/>
                                <p:panelGrid columns="3">
                                    <p:outputLabel value="#%DATO.PROYECTO"/>
                                    <p:outputLabel value="Mostrará el proyecto"/>
                                    <p:outputLabel value="No obligatorio"/>
                                    <p:outputLabel value="#%DATO.MENSAJE"/>
                                    <p:outputLabel value="Mostrará la hora en que se envía el mensaje"/>
                                    <p:outputLabel value="No obligatorio"/>
                                    <p:outputLabel value="#%USUARIO.MENSAJE"/>
                                    <p:outputLabel value="Mostrará el correo del evaluador"/>
                                    <p:outputLabel value="Obligatorio"/>
                                    <p:outputLabel value="#%CLAVE.MENSAJE"/>
                                    <p:outputLabel value="Mostrará la clave para el acceso al sistema"/>
                                    <p:outputLabel value="Obligatorio"/>
                                    <p:outputLabel value="#%DATO.CORREO"/>
                                    <p:outputLabel value="Mostrará el correo de contacto para cualquier consulta"/>
                                    <p:outputLabel value="No obligatorio"/>
                                </p:panelGrid>
                            </h:panelGrid>
                        </p:column>
                    </p:row>
                    
                </c:if>
                
            <p:editor id="editor"  required="true" value="#{guardarNotificacionView.strContenido}" widgetVar="editorWidget" style="width: 100%;" />
            <h:inputHidden id="strTipoNotificacion" value="#{guardarNotificacionView.strTipoNotificacion}" />
            <h:panelGrid columns="3" style="margin-top: 10px">
                <p:commandButton id="btnGuardar" update="formGuardarNotificacion" value="Enviar" icon="ui-icon-disk" actionListener="#{guardarNotificacionView.guardarNotificacion}" >
                    <p:confirm header="Confirmación" message="¿Está seguro que desea enviar el comunicado a los Evaluados?" icon="ui-icon-alert" />
                </p:commandButton>
                <p:commandButton value="Limpiar" icon="ui-icon-trash" >
                    <p:ajax update="formGuardarNotificacion" resetValues="true" />
                </p:commandButton>
            </h:panelGrid>
            
            <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>
            
            <p:hotkey bind="esc" actionListener="#{guardarNotificacionView.cerrarPanel}"/>
            
            </h:panelGrid>
            
            <p:blockUI block="pnlCrearNotificacion" trigger="btnGuardar"/>
                    
    </h:form>
    </h:body>
     
</html>